/*!
 *=====
 *viewScroller必须定义的样式
 *====
 */
html{width:100%;height:100%;overflow:hidden;}
body{width:100%;height:100%;overflow:hidden;}
.J_singlepage{position:relative;width:100%;height:100%;overflow:hidden;z-index:1;}
.J_singlepage .J_spSection_wrapper{position:absolute;top:0;left:0;width:100%;}
.J_singlepage .J_spSection_wrapper .J_spSection{width:100%;height:100%;}
.J_singlepage .J_spSection_wrapper .J_spSection .J_sp_inside{position:relative;width:80%;height:100%;margin:0 auto;}

/*!
 *=====
 *自定义样式
 *====
 */
body {font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;}

.btn{display:inline-block;padding:6px 12px;color:#333;border-radius:6px;line-height:1.42857143;background:#fff;border:1px solid #ccc;font-size:12px;text-decoration:none;}


.J_singlepage_pagination{position:absolute;top:300px;right:40px;z-index:200;}
.J_singlepage_pagination .J_sp_btn{display:block;width:10px;height:10px;border-radius:20px;border:2px solid #fff;margin-bottom:10px;font-size:0;line-height:0;}
.J_singlepage_pagination .cur{background:#fff;}

#headerW{width:100%;height:200px;text-align:center;background:#323436;}
#headerW .title{padding-top:30px;height:100px;line-height:100px;font-size:50px;color:#fff;}
#headerW .title a{font-size:20px;color:#ffff00;}
#footerW{width:100%;height:100px;line-height:100px;text-align:center;font-size:20px;color:#fff;background:#323436;}

.floor1{background:#6DD3CE;}
.floor2{background:#C8E9A0;}
.floor3{background:#F7A278;}

/*页面的头部显示在视口中时会给每个J_spSection添加.headerShowIng*/
.headerShowIng #a1{opacity:1;font-size:30px;}

#a1{position:absolute;top:20px;left:50%;width:400px;margin-left:-200px;font-size:40px;text-align:center;color:#000;opacity:0;transition:all 1s;-webkit-transition:all 1s;}
.active #a1{top:200px;opacity:1;}
#a2{position:absolute;top:10px;left:50%;width:400px;margin-left:-200px;font-size:40px;text-align:center;color:#000;opacity:0;transition:all 1s;-webkit-transition:all 1s;}
.active #a2{top:200px;opacity:1;}
#a3{position:absolute;top:10px;left:50%;width:400px;margin-left:-200px;font-size:40px;text-align:center;color:#000;opacity:0;transition:all 1s;-webkit-transition:all 1s;}
#a3 a.btn{font-size:40px !important;}
.active #a3{top:200px;opacity:1;}